<!doctype html>
<html>
<head>
 <title>IE7 {CSS2: auto}</title>

 <!-- Compliance patch for Microsoft browsers -->
 <!--[if lt IE 9]><script src="../trunk/lib/IE9.js"></script><![endif]-->

 <style>

  img {

   border-left: 4px solid green;
   border-bottom: 4px solid brown;
   margin-right: 2em;

  }

  img:hover {

  	background-color: yellow

  }

 </style>
</head>
<body>
 <script src="ie7-demo.js"></script>
 <h2>&lt;img src="*.png"&gt;</h2>

 <p>
  <img src="tukan-trans.png" alt="toucan">
  <img src="tukan-trans.png" alt="toucan" width="225" height="225">
  <img src="tukan-trans.png" alt="toucan" width="300" height="300">
 </p>

 <p>&lt;&nbsp;<a href="index.html">back</a></p>
</body>
</html>
